<template>
	<div class="crumbs-view">
		<div v-if="title" class="title">{{title}} </div> 
		<div v-if="subTitle" class="sub-title">&nbsp;-&nbsp;{{subTitle}}</div>
	</div>
</template>

<script>
	export default {
		props: {
			'title' : String,
			'subTitle': String
		}
	}
</script>

<style lang="scss" scoped>
	.crumbs-view {
		display: flex;
		align-items: flex-end;
		padding: 10px;
		font-weight: bold;
		.title {
			font-size: 18px;
		}
		.sub-title {
			font-size: 16px;
		}
	}
</style>